<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>layui</title>
		<meta name="renderer" content="webkit">
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
		<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
		<link rel="stylesheet" href="/static/lib/layui-v2.6.3/css/layui.css" media="all">
		<link rel="stylesheet" href="/static/css/public.css" media="all">
		<style>
			body {
				background-color: #ffffff;
			}

			.img {
				width: 300px;
				height: 300px;
				border: black 1px solid;
				background-color: darkgrey;
				object-fit: cover;
				object-position: 50% 20%;
			}

			/* 图片自适应的样式 */
			.img-object {
				object-fit: cover;
				object-position: 50% 20%;
			}
		</style>
	</head>
	<body>

		<div class="layui-form layuimini-form">

			<div class="layui-form-item">
				<label class="layui-form-label required">网盘链接</label>
				<div class="layui-input-block">
					<input type="text" id="share_url" name="share_url" lay-verify="required" lay-reqtext="网盘链接不能为空"
						placeholder="请输入网盘链接" value="" class="layui-input">
				</div>
			</div>

			<div class="layui-form-item">
				<label class="layui-form-label required">分享码</label>
				<div class="layui-input-block">
					<input type="text" id="share_code" name="share_code" lay-verify="required" lay-reqtext="分享码不能为空"
						placeholder="请输入分享码" value="" class="layui-input">
				</div>
			</div>


			<div class="layui-form-item">
				<div class="layui-input-block">
					<button class="layui-btn layui-btn-normal" lay-submit lay-filter="saveBtn">确认保存</button>
				</div>
			</div>
		</div>
		<script src="/static/lib/layui-v2.6.3/layui.js" charset="utf-8"></script>
		<script>
			function getCookie(name) {
				var r = document.cookie.match("\\b" + name + "=([^;]*)\\b");
				return r ? r[1] : undefined;
			}

			layui.use(['form'], function() {
				var form = layui.form,
					layer = layui.layer,
					$ = layui.$,
					upload = layui.upload,
					element = layui.element;

				var input_share_url = document.getElementById("share_url"); //获取input对象
				var input_share_code = document.getElementById("share_code");

				var course_id = parent.course_id;

				var data = {
					"course_id": course_id
				}
				$.ajax({
					type: "post", //get或者post
					contentType: 'application/json',
					headers: {
						'X-CSRFToken': getCookie('csrf_token')
					},
					url: '/api/v1.0/get_panshare_detail',
					data: JSON.stringify(data), //参数 接口传参 json对象
					success: function(res) {
						if (res.code == "0") {
							console.log(res.data)
							input_share_url.setAttribute("value", res.data.panshare_dict.share_url);
							input_share_code.setAttribute("value", res.data.panshare_dict.share_code);
							// document.getElementById("saveBtn")
						} else if (res.code == "4502") {
							console.log("未设置数据")
						}
					}
				});

				//监听提交
				form.on('submit(saveBtn)', function(data) {
					console.log(data)
					console.log(data.field)
					var requests_data = data.field;
					requests_data.course_id = course_id;
					// console.log(requests_data)
					$.ajax({
						type: "post", //get或者post
						contentType: 'application/json',
						headers: {
							'X-CSRFToken': getCookie('csrf_token')
						},
						url: '/api/v1.0/add_panshare',
						data: JSON.stringify(requests_data), //参数 接口传参 json对象
						success: function(res) {
							var index = layer.alert("保存成功", {
								title: '操作'
							}, function() {
								// 关闭弹出层
								layer.close(index);
								// 刷新列表页
								window.parent.location.reload()
							});

						}
					});


					return false;
				});

			});
		</script>
	</body>
</html>
